<!--
	the eat-drink view
-->

<div id="eat-drinkDiv" class="container white-bg" ng-controller="eat-drinkController">
    
    <div class="row ">
        <div class="col-xs-12">
            <h1 class="text-center text-to-bg-color text-bold">EAT & DRINK</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-6">
            <a href="#/eat-drink/akis-grill">
                <img src="#" class="img-responsive" alt="kuva">
                <h3 class="text-center text-to-bg-color">AKI'S GRILL</h3>
            </a>             
        </div>
        <div class="col-xs-6">
            <a href="#/eat-drink/family-corner">
                <img src="#" class="img-responsive" alt="kuva">
                <h3 class="text-center text-to-bg-color">FAMILY CORNER</h3>
            </a>
        </div>
    </div>

    <br>

    <div class="row">
        <div class="col-xs-6">
            <a href="#/eat-drink/kisamakkara">
                <img src="#" class="img-responsive" alt="kuva">
                <h3 class="text-center text-to-bg-color">KISAMAKKARA</h3>
            </a>
        </div>
        <div class="col-xs-6">
            <a href="#/eat-drink/soup-bar">
                <img src="#" class="img-responsive" alt="kuva">
                <h3 class="text-center text-to-bg-color">SOUP BAR</h3>
            </a>
        </div>
    </div>

    <br>

    <div class="row">
        <div class="col-xs-6">
            <a href="#/eat-drink/suomi-style">
                <img src="#" class="img-responsive" alt="kuva">
                <h3 class="text-center text-to-bg-color">SUOMI STYLE</h3>
            </a>
        </div>
        <div class="col-xs-6">
            <a href="#/eat-drink/texmex">
                <img src="#" class="img-responsive" alt="kuva">
                <h3 class="text-center text-to-bg-color">TEXMEX</h3>
            </a>
        </div>
    </div>

</div>